<template>
  <SuForm v-bind="bindVal" v-model="form"> </SuForm>
  <SuDialog v-model="visible" title="选择企业">
    <view class="dialog">1212</view>
  </SuDialog>
</template>

<script setup>
import { ref, computed } from 'vue';
const form = ref({});
const formRef = ref({});
const visible = ref(false);
const bindVal = computed(() => {
  return {
    ref: formRef,
    option: {
      labelWidth: 100,
      column: [
        {
          label: '您的姓名',
          prop: 'taUserName',
          rules: [{ required: true }]
        },
        {
          label: '您的手机',
          prop: 'taMobile',
          rules: [{ required: true }]
        },
        {
          label: '您的公司',
          prop: 'taEnterpriseName',
          type: 'search',
          readonly: true,
          click: () => {
            console.log(123);
            visible.value = true;
          },
          rules: [{ required: true }]
        },
        {
          label: '所属行业',
          prop: 'taIndustry',
          rules: [{ required: true }]
        },
        {
          label: '申请人说明',
          prop: 'taExplain',
          type: 'textarea',
          rules: [{ required: true }]
        }
      ]
    }
  };
});
</script>

<style lang="scss" scoped></style>
